<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>产业详情页</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="shortcut icon" href="./images/zh_CN.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/aos.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/proInfo.css">
    <style>
        #undefinedr,#undefinedl{
            line-height: 27px !important;
            transition: all 600ms;
        }
        #undefinedr:hover{
            background: #1A53F0;
            color:white;
        }
        #undefinedl:hover{
            background: #1A53F0;
            color:white;
        }
        #undefineddiv input{
         height: 27px !important;
         font-size: 16px;
        }
    </style>
</head>

<body>
    <div class="home">

        <div class="header">
            <a href="./index.html" class="logo">
                <div class="slogo">
                    <img src="./images/logo_b.png" alt="">
                    <img src="./images/logo_l.png" alt="">
                </div>
                <p>轴承、齿轮和传动部件制造平台</p>
            </a>
            <div class="links">
                <a href="./index.html">首页</a>
                <a href="./solutions.html">解决方案</a>
                <a href="./case.html">典型案例</a>
                <a href="./online_class.html">数转培训</a>
                <a href="./service.html">公共服务</a>
                <a href="">产业监测</a>
                <div class="line">｜</div>
                <a class="cbtn" href="">
                    <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none">
                        <path
                            d="M17.3813 3.49854H3.67178C2.97041 3.49854 2.40234 4.0666 2.40234 4.76797V13.8345C2.40234 14.5358 2.97041 15.1039 3.67178 15.1039H17.3813C18.0826 15.1039 18.6507 14.5358 18.6507 13.8345V4.76797C18.6507 4.06865 18.0826 3.49854 17.3813 3.49854ZM17.5228 13.4817C17.5228 13.7853 17.2767 14.0293 16.9752 14.0293H14.3563V10.4158C14.3563 10.1123 14.1103 9.86826 13.8088 9.86826C13.5053 9.86826 13.2612 10.1144 13.2612 10.4158V14.0313H11.0751V9.31865C11.0751 9.01514 10.829 8.77109 10.5275 8.77109C10.224 8.77109 9.97998 9.01719 9.97998 9.31865V14.0293H7.7918V11.2915C7.7918 10.988 7.5457 10.7439 7.24424 10.7439C6.94072 10.7439 6.69668 10.99 6.69668 11.2915V14.0293H4.07783C3.77432 14.0293 3.53027 13.7832 3.53027 13.4817V5.12275C3.53027 4.81924 3.77637 4.5752 4.07783 4.5752H16.9752C17.2787 4.5752 17.5228 4.82129 17.5228 5.12275V13.4817ZM13.7985 16.482H7.25654C6.97559 16.482 6.75 16.7097 6.75 16.9886C6.75 17.2695 6.97764 17.4951 7.25654 17.4951H13.7985C14.0795 17.4951 14.3051 17.2675 14.3051 16.9886C14.3051 16.7097 14.0774 16.482 13.7985 16.482Z"
                            fill="black" />
                    </svg>
                    <p>控制台</p>
                </a>
            </div>
            <div class="btns">
                <a href="">登录</a>
                <a href="">注册</a>
            </div>
        </div>


        <div class="pheader">
            <div class="menu">
                <div class="l">
                    <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                        <img src="./images/logo2.svg" alt="">
                        <p>轴承、齿轮和传动部件制造平台</p>
                    </a>
                </div>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="item">
                <div class="tb">
                    <a href="./index.html">首页</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./solutions.html">
                        解决方案
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./case.html">
                        典型案例
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./online_class.html">
                        数转培训
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./service.html">
                        公共服务
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./client.html">
                        产业监测
                    </a>
                </div>
            </div>
<div class="item">
                <div class="tb">
                    <a href="./news.html">
                        新闻中心
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">
                        控制台
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">
                        登录
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">
                        注册
                    </a>
                </div>
            </div>
        </div>

        <div class="main">

            <div class="sec1 animated fadeIn">
                <div class="l">
                    <div class="swiper1 swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="pic">
                                    <img src="./images/p1.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="pic">
                                    <img src="./images/p1.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="pic">
                                    <img src="./images/p1.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="pic">
                                    <img src="./images/p1.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper2 swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="pic">
                                    <img src="./images/p1.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="pic">
                                    <img src="./images/p1.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="pic">
                                    <img src="./images/p1.png" alt="">
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="pic">
                                    <img src="./images/p1.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="r">
                    <div class="t">数转培训</div>
                    <div class="tags">
                        <div class="tag">
                            <span>适配行业：</span>
                            <span>1111</span>
                        </div>
                        <div class="tag">
                            <span>适配领域：</span>
                            <span>1111</span>
                        </div>
                        <div class="tag">
                            <span>支付方式：</span>
                            <span>1111</span>
                        </div>
                    </div>
                    <div class="des">
                        数专培训文本描述文本描述文本描述文本描述文本描述文本描述
                    </div>
                    <div class="price">
                        <p class="p1">参考费用：</p>
                        <p class="num">
                            <span>￥</span>1.00
                        </p>
                        <p class="number">编号：P-02040110035</p>
                    </div>
                    <div class="size">
                        <p class="p1">规格：</p>
                        <div class="btns">
                            <div class="on">面议</div>
                        </div>
                    </div>
                    <div class="size">
                        <p class="p1">购买方式：</p>
                        <div class="btns">
                            <div class="on">
                                按年订阅
                            </div>
                            <div>
                                按月订阅
                            </div>
                        </div>
                    </div>
                    <div class="size">
                        <p class="p1">服务年限：</p>
                        <div class="nums">
                            <input style="width:120px;" class="alignment" data-edit="true" data-step="1" data-min="0"
                                data-digit="0" value="1" />
                        </div>
                    </div>
                    <div class="want">
                        我要体验
                    </div>
                </div>
            </div>

            <div class="sec2">
                <div class="four animated fadeInUp">
                    <div class="item">
                         <div class="icon">
                            <img src="./images/picon1.svg" alt="">
                         </div>
                         <p>精选优质开发商</p>
                    </div>
                    <div class="item">
                        <div class="icon">
                           <img src="./images/picon2.svg" alt="">
                        </div>
                        <p>7*24小时客服</p>
                   </div>
                   <div class="item">
                    <div class="icon">
                       <img src="./images/picon3.svg" alt="">
                    </div>
                    <p>服务全程监管</p>
               </div>
               <div class="item">
                <div class="icon">
                   <img src="./images/picon4.svg" alt="">
                </div>
                <p>退款售后无忧</p>
           </div>
                </div>
                <div class="intro">
                     <div class="t animated fadeInUp">
                        产品介绍
                     </div>
                     <div class="t1">
                        <div class="line"></div>
                        <p>1. 产品内容：</p>
                    </div>
                    <div class="t2">
                        企业基本信息：
                    </div>
                    <div class="pic">
                        <img src="./images/c1.png" alt="">
                    </div>
                    <div class="t2">
                        数转前痛点问题
                    </div>
                    <div class="html">
                        <img src="./images/c2.png" alt="" style="display: block;margin: 0 auto;">
                        <br>
                        <ul>
                            <li>客户订购产品尺寸数据（外径、内径、沟道R、宽度）各有不同，物料结构、图纸绘制和管理难管控</li>
                            <li>按照交期、加工要求统筹排产困难，优势产能难以发挥</li>
                            <li>工艺编制过程繁琐，与生产关联不紧密</li>
                            <li>工人现场查看打印图纸，加工要求需要查看工艺卡片，不便捷、不及时</li>
                            <li>工艺变更靠口头传递叫停生产，图纸变更后再次打印给车间，易导致加工出错，返工、退货、投诉等情况</li>
                            <li>销售合同进度（包括交付、发票开具以及货款结算情况）难掌控</li>
                            <li>缺少销售合同交付到期、逾期预警，延迟拖欠数量及完成时间难获悉</li>
                            <li>原料及配件入账、领用不严格，存在账实不符情况</li>
                            <li>采购计划未考虑库存、生产、订单交期等因素， 存在过度采购、积压浪费情况</li>
                            <li>【销售订单】对应原料未关联【采购计划】，无法确保生产供应</li>
                            <li>【采购收货】交货期难控制，缺少临期提醒</li>
                            <li>【采购质检】记录和报告查找、追溯困难</li>
                            <li>物料领用无规，补料不及时，影响生产进度</li>
                            <li>没有安全库存机制，存在过度采购情况</li>
                            <li>缺少到期提醒，存在量检具逾期忘检，超期漏检</li>
                            <li>车间白板展示合同、产品、数量、入厂日期、交货日期信息。不及时且信息有限，无法满足车间对加工信息及时效性需求</li>
                            <li>生产计划进度（在制、已完成、剩余数量）无法随时获取</li>
                            <li>工票统计晚报、漏报、错报频发，无法据以考核绩效，工资核算成本较高</li>
                            <li>生产完工后的质量检测靠纸质工单、口头提醒，易遗漏</li>
                            <li>人工比照公差值，检测效率低，易出错</li>
                            <li>无法实时掌握检验结果及处理意见，质检追溯困难</li>
                            <li>设备未连网下高负荷运转，无法及时了解运行状况、异常情况，可能损坏设备，降低实施寿命</li>
                            <li>设备到期保养、点检靠手工记录没有提醒。 逾期影响实施寿命</li>
                            <li>生产经营统计分析滞后，部门间信息孤岛，管理者对经营情况无法做的实时把控，需要与多个部门人员核实情况后，才可以了解企业运营情况。</li>
                            <li>不利于协作和经营决策</li>
                        </ul> 
                    </div>
                </div>
            </div>

        </div>


        <div class="foot">
            <div class="dom1">
                <div class="l">
                    <div class="icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none">
                            <path
                                d="M20 0C9 0 0 9 0 20C0 31 9 40 20 40C31 40 40 31 40 20C40 9 31 0 20 0ZM29.5 27.5L28.5 28.5L28.25 28.75L28 29C26.75 30.25 22.5 32 15 24.75C8 17.75 10 13.5 11 12.25L12.75 10.5C13.5 9.75 14.75 9.75 15.5 10.5L18 13C18.75 13.75 18.75 15 18 15.75L16.5 17L16.25 17.5C15.5 18.25 15.5 18.5 16.5 19.5L20.25 23C22 24.5 22.25 24.5 23 24L24.25 22.5C25 21.75 26.25 21.5 27 22.25L29.5 24.75C30.25 25.5 30.25 26.75 29.5 27.5Z"
                                fill="white" />
                        </svg>
                    </div>
                    <div class="phone">
                        <p>0571-7865431</p>
                        <p>0571-9899990</p>
                    </div>
                    <div class="icons">
                        <a href="">
                            <img src="./images/ficon1.svg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon2.svg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon3.svg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon4.svg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon5.svg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon6.svg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon7.svg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon8.svg" alt="">
                        </a>
                        <a href="">
                            <img src="./images/ficon9.svg" alt="">
                        </a>
                    </div>
                </div>
                <div class="r">
                    <div class="item">
                        <p>解决方案</p>
                        <div class="aList">
                            <a href="">N+X解决方案</a>
                            <a href="">优秀解决方案</a>
                            <a href="">数转产品推荐</a>
                            <a href="">行业服务商</a>
                        </div>
                    </div>
                    <div class="item">
                        <p>看样学样</p>
                        <div class="aList">
                            <a href="">典型案例</a>
                            <a href="">样板企业名录</a>
                            <a href="">标杆企业名录</a>
                        </div>
                    </div>
                    <div class="item">
                        <p>Info</p>
                        <div class="aList">
                            <a href="./online_class.html">数转培训</a>
                            <a href="">行业知识库</a>
                            <a href="">产业应用</a>
                            <a href="./news.html">新闻中心</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <div class="l">
                    © 2022, GSIR 由 MFSHOP Support
                </div>
                <div class="r">
                    <div class="line"></div>
                    <a href="" class="statment">
                        声明
                    </a>
                    <a href="">
                        政策
                    </a>
                </div>
            </div>
            <div class="top" id="goTop">
                <img src="./images/top.svg" alt="">
            </div>
        </div>


        <div class="dialog animated fadeIn">
            <div class="content">
                <div class="close">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                        <g clip-path="url(#clip0_1164_7797)">
                          <path d="M11.3915 10.2214L19.1903 2.46484C19.5589 2.09711 19.5605 1.50205 19.1936 1.13432C18.8258 0.76334 18.2324 0.76334 17.8639 1.12941L10.0643 8.8892L2.33123 1.13344C1.96594 0.767325 1.3693 0.764083 1.00153 1.13182C0.633791 1.49793 0.63297 2.09375 0.999904 2.46152L8.72967 10.2165L0.935744 17.9698C0.567189 18.336 0.565549 18.931 0.931701 19.3004C1.116 19.4863 1.35625 19.578 1.59815 19.578C1.83846 19.578 2.07873 19.4862 2.26219 19.3036L10.0585 11.5486L17.8606 19.375C18.0449 19.5609 18.2851 19.6526 18.527 19.6526C18.7673 19.6526 19.0076 19.5609 19.1903 19.3783C19.558 19.0105 19.5588 18.4155 19.1919 18.0477L11.3915 10.2213L11.3915 10.2214Z" fill="#333333"/>
                        </g>
                        <defs>
                          <clipPath id="clip0_1164_7797">
                            <rect width="20" height="20" fill="white"/>
                          </clipPath>
                        </defs>
                      </svg>
                </div>
                <div class="form">
                    <div class="item">
                        <p>姓名</p>
                        <input type="text" placeholder="请输入姓名">
                    </div>
                    <div class="item">
                        <p>公司名称</p>
                        <input type="text" placeholder="请输入公司名称">
                    </div>
                    <div class="item">
                        <p>手机</p>
                        <input type="text" placeholder="请输入手机">
                    </div>
                    <div class="gz">
                        <p>关注产品</p>
                        <div class="tag">PLM系统</div>
                    </div>
                    <div class="area">
                        <p>城市地区</p>
                        <select name="" id="">
                            <option value="0">杭州</option>
                            <option value="1">宁波</option>
                            <option value="2">合肥</option>
                        </select>
                    </div>
                    <button type="submit">提交</button>
                </div>
            </div>
        </div>



    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/num-alignment.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/ScrollTrigger.min.js"></script>
    <script src="./js/SplitText.min.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/countUp.js"></script>
    <script>
        alignmentFns.initialize();

        var thumbsSwiper = new Swiper('.swiper2', {
            spaceBetween: 10,
            slidesPerView: 3,
            watchSlidesVisibility: true,//防止不可点击
            breakpoints: { 
      1024: {  //当屏幕宽度大于等于1280
        spaceBetween: 20,
        slidesPerView: 4,
      }
    }
        })
        var swiper1 = new Swiper('.swiper1', {
            speed: 1000,
            thumbs: {
                swiper: thumbsSwiper,
                autoScrollOffset: 1,
            }
        })

        $(function(){
            $('.want').click(function(){
                $('.dialog').css({'display':'flex'})
            })
            $('.dialog .close').click(function(){
                $('.dialog').css({'display':'none'})
            })
        $('.sec1 .r .size .btns div').click(function(){
            $(this).addClass('on').siblings('div').removeClass('on')
        })
        })
    </script>
</body>

</html>